﻿/*-----------------------------------------------
Blogger Template Style
Beta V6.9
----------------------------------------------- */
/* =============================
Body
============================= */
.widget .widget-item-control a img{display: none;}
#navbar-iframe, .feed-links, .status-msg-wrap {display:none;}
::selection {background:#ff8000;color:#fff}
::-moz-selection {background:#ff8000;color:#fff}
body, .body-fauxcolumn-outer {  margin:0;  color:#000;  background:url("http://3.bp.blogspot.com/-NTNgcLGD8YY/UUPb5rsK1BI/AAAAAAAAI38/17muo0z2VpI/s1600/bg-pro.png") repeat scroll 0 0 #EEE;  text-align:center;  font:normal 13px Tahoma, Arial;}
a:link {  color:#000;  text-decoration:none;}
a:visited {  color:#1874CD;  text-decoration:none;}
a:hover {  color:#1C86EE;  text-decoration:underline;}
a img {  border-width:0;}
/* =============================
Search Box
============================= */
#searching {line-height: 1.5em;  float:right;  padding:2px;  width:auto;  overflow:hidden;}
#search input[type="text"] {  border: 1px solid #DDD;  border-radius:3px;  color: #777;  width: 180px;  padding: 7px;  font:normal 10px Tahoma, Arial;  text-transform:uppercase;  -webkit-transition: all 0.5s ease 0s;  -moz-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s;  transition: all 0.5s ease 0s;}
#search input[type="text"]:focus { width: 220px;}
/* =============================
Header
============================= */
#header-wrapper {height: 90px;padding-top: 3px;width: 996px;}
#header .logo a{background:url(http://4.bp.blogspot.com/-ABbA3ByNbZY/UU0i3u2XDCI/AAAAAAAAI7Y/i7wQPOqcvKk/s1600/logo.png) center left no-repeat;width:260px;height:90px;display:block;float:left}
#header .bannertop{float:right;width:728px}
/* =============================
Navigation
============================= */
#navtop ul.submenu{position:absolute;padding:0;background:#FBFBFB;width:150px;z-index:9999;top:100%;display:none}
#navtop{float:left;line-height:27px;margin:2px 0 0}
#navtop ul,#navtop li{padding:0;margin:0;list-style:none}
#navtop li{float:left;position:relative}
#navtop a{display:block;padding:0 12px;text-decoration:none}
#navtop li:hover > a{color:000}
#navtop a:link{color: #FFF;text-decoration: none;}
ul#icon-socialmn,ul#icon-socialmn li{margin:0;float:right;padding:0;list-style:none}
#searchnya button:hover{background-color:#535353}
.selectnav{display:none}
ul#icon-socialmn li{float:left;display:inline-block;position:relative}
ul#icon-socialmn li a{background-image:url(http://3.bp.blogspot.com/-JWxzfuPXWDQ/ULykR51IjoI/AAAAAAAABfk/GUjrfkEH7hc/h25/team-social-icons.png);background-repeat:no-repeat;display:block;width:26px;height:33px;text-indent:-9999px;-webkit-transition:background .2s ease-out;-moz-transition:background .2s ease-out;-o-transition:background .2s ease-out;transition:background .2s ease-out}
ul#icon-socialmn li.social-twitter a{background-position:1px 2px}
ul#icon-socialmn li.social-twitter a:hover{background-color:#2DAAE1}
ul#icon-socialmn li.social-facebook a{background-position:-24px 2px}
ul#icon-socialmn li.social-facebook a:hover{background-color:#3C5B9B}
ul#icon-socialmn li.social-google a{background-position:-49px 2px}
ul#icon-socialmn li.social-google a:hover{background-color:#F63E28}
ul#icon-socialmn li.social-rss a{background-position:-75px 2px}
ul#icon-socialmn li.social-rss a:hover{background-color:#FA8C27}
ul#icon-socialmn li.social-linkedin a{background-position:-99px 2px}
ul#icon-socialmn li.social-linkedin a:hover{background-color:#0173B2}
ul#icon-socialmn li.social-dribbble a{background-position:-125px 2px}
ul#icon-socialmn li.social-dribbble a:hover{background-color:#F9538F}
ul#icon-socialmn li.social-pinterest a{background-position:-150px 2px}
ul#icon-socialmn li.social-pinterest a:hover{background-color:#CB2027}
#itime{background:#030303;padding:0px;color:#7FFF00;height:33px;line-height:33px}
#navtime{float:left;overflow:hidden;background:#030303;padding:0 5px 0 0;line-height:22px;margin:5px 0 0 0}
#navtime div{float:left;padding:0 3px}
*{  margin:0;  padding:0;  outline:0;}
.nav {    background:#EEE;box-shadow: -1px -1px 0 white inset, 0 1px 3px rgba(0, 0, 0, 0.1);height: 35px;margin: 10PX auto 10px;width: 100%;z-index: 5;}
.menu {width:auto;list-style:none;font:Tahoma;text-align:center;margin:0 auto;}
.menu a {float:left;font-size: 13px;color:#666;text-decoration:none;text-transform:uppercase;width:auto;line-height:36px;padding:0 10px;}
.menu a:hover,li.menuhover a{color:#111;}
.menu li {  position:relative;  float:left;  width:auto;}
.menu li:last-child {  background:none;}
.menu ul{width: 518px;float: left;  display:none;  position:absolute;  top:36px;  left:0;   display:none;  list-style:none;}
.menu ul li{background: none repeat scroll 0 0 #F6F6F6;  float:left;  border-top:1px solid #e3e3e3;  border-right:1px solid #e3e3e3;  border-left:1px solid #e3e3e3;  width:170px;  }
.menu ul li:last-child { background: none repeat scroll 0 0 #F6F6F6; border-bottom:1px solid #e3e3e3}
.menu ul li a{ background: none repeat scroll 0 0 #F6F6F6; float:none;  display:block;  background:none;  line-height:36px;  min-width:137px;  width:auto;  text-align:left;  padding-left:10px;  color:#444;}
.menu ul li a:hover{ background:#fdfdfd; color:#000;}
ul#menu li.blue a{ color: #FFF; background: #0000FF; }
ul#menu li.gray a{ color: #FFF; background: #363636; }
ul#menu li.green a{ color: #FFF; background: #00FF00; }
ul#menu li.red a{ color: #FFF; background: #FF0000; }
ul#menu li.orange a{ color: #FFF; background: #FF9000; }
/* =============================
Wrapper
============================= */
#templates-wrapper {margin: 0 auto;padding 0 10px;background-color: #F9F9F9;
border-bottom: 1px solid #EEEEEE; width:999px;box-shadow: 0 0 0 1px #FFFFFF inset;}
#outer-wrapper{ padding: 2px;  text-align: left; width: 990px;  font:Tahoma;}
#main-wrapper {  width:729px;  float:left;  word-wrap:break-word;  overflow:hidden;}
/* =============================
Heading
============================= */
h2{font:'Segoe UI Light';  line-height: 1.4em;  padding-bottom:10px;  text-transform:uppercase;  color:#000;}
#blog-date-header {  font:normal 8px 'Segoe UI Light';  color:#555;  letter-spacing:0;}
#blog-date-header i {  text-transform:none;}
h2.date-header {  border-bottom:1px solid #DDD;  color:#777;}
/* =============================
Posts
============================= */
.post {  margin:0;  border-bottom:1px solid #DDD;  padding-bottom:0;  font-family:'Segoe UI Light';  color:#444;}
.post h1 {  margin:.25em 0 0;  padding:0 0 4px;  font-size:140%;  line-height:1.4em;  color:#333;  font-family:'Segoe UI Light';}
.post h1 a, .post h1 a:visited, .post h1 strong {  display:block;  text-decoration:none;  color:#333;  font-weight:400;}
.post h1 strong, .post h1 a:hover {  color:#000;}
.post-body {  margin:5px;  line-height:170%;  font:12px Tahoma;}
.post-body blockquote {  line-height:1.3em;}
.post-footer {  margin:.75em 0;  color:#777;  text-transform:uppercase;  letter-spacing:.1em;  font:$postfooterfont;  line-height:1.4em;}
.comment-link {  margin-startside:.6em;}
.post img {padding-right: 10px;float: left;  height: auto; max-width: 640px;}
.post table. tr-caption-container {  padding-bottom:4px;}
.tr-caption-container img {  border:none;  padding:0;}
.post blockquote {margin:1em 20px;  padding:2px 5px 2px 35px;  font-style:italic;  color:#777;}
.post blockquote p {margin:.75em 0;}
/* =============================
Comment
============================= */
.comments .comments-content .icon.blog-author{font: 12px Tahoma;position:absolute;width:58px;right:0px;height:20px;display:block;top:0px;margin:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;background:#ff9000;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1)}
.comments .comments-content .icon.blog-author::before{content:"Admin";position:absolute;text-shadow:0 1px 0 rgba(0,0,0,0.5);color:white;top:2px;left:8px}
.comment-form {margin-top: 10px;font-size:13px;color:#333;clear: both;max-width: 100%;}
.comments .comment-thread.inline-thread .comments-number{top:44px;left:-38px}
/*===== Pager navigation =====*/
.pager-isi{background:white;overflow:hidden;border:1px solid #DDD;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.pager-isi a,.pager-isi .linkgrey{width:46%;display:block;float:left;padding:10px 0;font-size:120%}
.pager-isi a:hover,.pager-isi .linkgrey{background-color:#F7F7F7;text-decoration:none}
.pager-isi h6{color:#575757;font-size:105%;font-weight:bold}
a.blog-pager-newer-link{background-image:url(http://4.bp.blogspot.com/-r8YeL5MClP8/UIT2mjkPR6I/AAAAAAAAGGM/QM_4AcjZNfY/s1600/small-left.png);background-repeat:no-repeat;background-position:2% center;padding-left:3.5%;text-align:left}
a.blog-pager-older-link{background-image:url(http://1.bp.blogspot.com/-SovF-2Yqzx8/UIT2nmYLCuI/AAAAAAAAGGU/FjDXOtx5erk/s1600/small-right.png);background-repeat:no-repeat;background-position:98% center;padding-right:30px;text-align:right}
.pager-isi .linkgrey.left{padding-left:3.5%;text-align:left}
.pager-isi .linkgrey.right{padding-right:3.5%;text-align:right}
/* =============================
Sidebar
============================= */
#sidebar-wrapper {
background: none repeat scroll 0 0 #F6F6F6;
border: 1px solid #FFFFFF;
box-shadow: 0 1px 5px 0 #C3C3C3;
padding-top: 5px;float: right;
margin: 0;
overflow: hidden;
width: 255px;
word-wrap: break-word;
}
.sidebar h2 {
background: none repeat scroll 0 0 #EEEEEE;
border-left: 6px solid darkturquoise;
color: #000000;
font: 15px 'Segoe UI Light';
margin: 0;
padding: 8px;
text-transform: capitalize;
}
.sidebar li{border-bottom:1px dotted #666;text-indent:0;line-height:1.3em;margin:0;padding:3px 0 4px}
.sidebar .widget{margin:0 0 5px;padding:0 5px}
.sidebar .widget-content{border: 0px dotted #DDD; margin: 0 auto; padding: 0;}
.sidebar a:link,.sidebar a:visited{font:12px Tahoma;color:#000;text-decoration:none}
.sidebar li a:hover{color:#ff6000}
.sidebar ul{list-style:none;margin:0px;padding:5px 5px;}
.sidebar .widget li{float:left;width:50%}
.Label a:hover {padding-left: 6px;}
.Label a:link {-webkit-transition: padding-left 250ms ease-out;  -moz-transition: padding-left 250ms ease-out;}
#PopularPosts1{margin-bottom:15px}
#PopularPosts1 ul{list-style:none;margin:2px 0 0 0px}
#PopularPosts1 dd{float:left;border-bottom:none;margin:3px 0 3px 3px;background:none;display:block;padding:0;}
#PopularPosts1 img{background:#FFF;padding:0px;border: 3px solid #FFFFFF;}
/* =============================
Posts
============================= */
.poster-image{  width:310px;  height:185px;  position:relative;  line-height:1.6em;  margin:0;  overflow:hidden;}
.poster-image img{  top:0;  left:0;  border:0;  position:absolute;  min-height:170px;  max-width:222px;}
.poster-image a{  display:block;  position:relative;  overflow:hidden;  height:170px;  width:218px;  color:#555;}
.poster-image a:hover{  text-decoration:none;}
.summary{  padding:10px 0;  margin:0 50px;  font:10px Tahoma, sans-serif;  border-bottom:1px solid #DDD;  border-top:1px solid #eee;  color:#666;}
.icomment{border-top: 1px dotted #DDD; font: 10px 'Microsoft Sans Serif'; margin: 3px 0 0; text-transform: capitalize;}
/* =============================
Footer Links and Credits
============================= */
#footer-links-wrap { background: none url(http://4.bp.blogspot.com/-V8VxlkxAiyg/UHfDAAj_s-I/AAAAAAAAAfc/P9Ay8AKBHZE/s1600/bgnoise_lg.png); padding:20px 0 20px;  width:999px;  margin:5px auto 0;}
#footer-links a {  color:#333;  font-style:normal;}
#footer-links {color:#000;  width:996px;  margin:0 auto;  clear:both;  font: 11px arial;  text-align:center;}
#credits { line-height:20px;}
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager{text-align:center}
/*Ads CSS3
-------------------------------------------------------------------------------------------------------------*/
.adsslider {background: none repeat scroll 0 0 #EEE;cursor: pointer;border: 1px solid #FFF;}
.adsslider:hover {background: none repeat scroll 0 0 #DDD;}